<template>
	<div id="app">
		<!-- <div
			style="position: absolute;top: 0;right: 0;display: flex;justify-content: space-between; padding: 15px 3%;width: 94%;">
			<van-icon name="arrow-left" color="white" @click='jumpTo' />
			<div id="">
				<img src="./assets/imgs/tabs/lang.png" @click="langshow = true" style="width: 23px;height :23px;margin-right: 15px;">
				<img src="./assets/imgs/tabs/kf.png" style="width: 23px;height: 23px;">
			</div>
		</div>
		<van-action-sheet :lock-scroll='true' style="height: 35%;overflow: auto;" v-model="langshow" :actions="actions" @select="onSelect" /> -->
		<router-view />
	</div>
</template>
<script>
	export default {
		data() {
			return {
		
			};
		},
		mounted() {
			  var that = this;
			        // 监听浏览器是否关闭
			        window.addEventListener( "beforeunload", e => that.browerStatus() );
		},
		methods: {
			        browerStatus(){
			            var that = this;
						localStorage.setItem("show",true)
			        },
			onSelect(e) {
				if (e.name == 'English') {
					this.$i18n.locale = 'en';
					localStorage.setItem('lanage', 'en')
				} else if (e.name == 'عربى'){
					this.$i18n.locale = 'alb';
					localStorage.setItem('lanage', 'alb')
				}else if (e.name == 'Deutsch'){
					this.$i18n.locale = 'dg';
					localStorage.setItem('lanage', 'dg')
				}else if (e.name == 'español'){
					this.$i18n.locale = 'xby';
					localStorage.setItem('lanage', 'xby')
				}else if (e.name == 'Français'){
					this.$i18n.locale = 'fg';
					localStorage.setItem('lanage', 'fg')
				}else if (e.name == 'Indonesia'){
					this.$i18n.locale = 'yn';
					localStorage.setItem('lanage', 'yn')
				}else if (e.name == '日本語'){
					this.$i18n.locale = 'rb';
					localStorage.setItem('lanage', 'rb')
				}else if (e.name == '한국인'){
					this.$i18n.locale = 'hg';
					localStorage.setItem('lanage', 'hg')
				}else if (e.name == 'Português'){
					this.$i18n.locale = 'pty';
					localStorage.setItem('lanage', 'pty')
				}else if (e.name == 'Turkish'){
					this.$i18n.locale = 'trq';
					localStorage.setItem('lanage', 'trq')
				}else if (e.name == '中文'){
					this.$i18n.locale = 'zhf';
					localStorage.setItem('lanage', 'zhf')
				}
				this.langshow = false
			},
			jumpTo() {
				this.$router.go(-1)
			}
		}
	};
</script>
<style lang="less">
	.loginBtn {
		background: #00A170;
		width: 100%;
		display: block;
		height: 49px;
		font-size: 15px;
		font-weight: bold;
		margin: 45.5px auto 0;
		border-radius: 25px;
		border: none;
		color: #fff;
		line-height: 44px;
	}

	/deep/.van-field__control {
		color: #fff;
	}

	html,
	body {
	width: 100%;
	height: 100%;
		font-size: 16px;
	}

	@media screen and (min-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
//   #app {
//     background: #ccc;
//   }
	html,
	body {
	width: 100%;
	height: 100%;
		font-size: 16px;
	}
  	#app {
		width: 50%;
		height: 100%;
		margin: 0 auto;
		 background: url('./assets/imgs/home/background.png') no-repeat; 
		 background-size: 100% 100%; 
	}

}
@media screen and (max-width: 600px) { /*当屏幕尺寸小于600px时，应用下面的CSS样式*/
//   #app {
//     background: #ccc;
//   }
	html,
	body {
	width: 100%;
	height: 100%;
		font-size: 16px;
	}
  	#app {
		width: 100%;
		height: 100%;
		background: url('./assets/imgs/home/background.png') no-repeat;
		background-size: 100% 100%;
	}

}

	.indexWrap {
		width: 100%;
		height: 100%;
		// background: white;
	}


	.icon {
		width: 1em;
		height: 1em;
		vertical-align: -0.15em;
		fill: currentColor;
		overflow: hidden;
	}

	.conImg {
		width: 77px;
		height: 77px;
		margin-right: 12px;
	}

	.artTitle {
		color: #333;
		font-size: 15px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		margin-bottom: 10px;
	}

	.leftEl {
		float: left;
	}

	.artTag {
		background: linear-gradient(to right, #1bc2e6, #0979e2);
		color: #333;
		font-size: 15px;
		height: 22px;
		line-height: 22px;
		padding: 4px 11px;
		border-radius: 5px;
		margin-top: 10px;
	}

	.artCon {
		width: 65%;
		padding-top: 10px;
	}

	.lookNum {
		position: absolute;
		color: #ccc;
		font-size: 12px;
		right: 13px;
		bottom: 20px;
	}

	.lookIcon {
		width: 16px;
		height: 10px;
		margin-right: 5px;
	}

	.van-tabs__line {
		background-color: linear-gradient(to right, #1bc2e6, #0979e2);
	}

	.van-tab {
		color: #333;
		font-size: 16px;
	}

	.van-tab--active {
		color: linear-gradient(to right, #1bc2e6, #0979e2);
	}

	// .van-nav-bar {
	// 	background: #004e49;

	// }

	/deep/.van-nav-bar__content {
		/deep/.van-nav-bar__title {
			color: white !important;
		}
	}

	.coupon3 {
		text-align: center;
		padding-top: 23px;
		color: #333;
		font-size: 16px;
	}

	.nullImg {
		width: 202px;
		height: 180px;
	}

	.van-icon-star:before {
		color: linear-gradient(to right, #1bc2e6, #0979e2);
	}

	.van-area {
		z-index: 199;
	}
</style>
